/* ========================================================================
   Component: preloader
 ========================================================================== */

$preloader-bg:  $brand-info;
$preloader-wd:  100px;
$preloader-hg:  30px;
/*@noflip*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color:  $preloader-bg;
  background-image: -webkit-linear-gradient(90deg, $preloader-bg 10%, darken($preloader-bg, 5%) 90%); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(90deg, $preloader-bg 10%, darken($preloader-bg, 5%) 90%); /* FF3.6+ */
  background-image:     -ms-linear-gradient(90deg, $preloader-bg 10%, darken($preloader-bg, 5%) 90%); /* IE10 */
  background-image:      -o-linear-gradient(90deg, $preloader-bg 10%, darken($preloader-bg, 5%) 90%); /* Opera 11.10+ */
  background-image:         linear-gradient(90deg, $preloader-bg 10%, darken($preloader-bg, 5%) 90%); /* W3C */
  z-index: 9999;
  @include transition(opacity .65s); 
}
/*@noflip*/
.preloader-progress {
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;  
  width: $preloader-wd;
  height: $preloader-hg;
  margin: auto;
  overflow: auto;
  background-image: url(../img/preloader/preloader.empty.png);
  background-size: $preloader-wd $preloader-hg; 
}
/*@noflip*/
.preloader-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  min-width: 10px;
  background-image: url(../img/preloader/preloader.full.png);
  background-size: $preloader-wd $preloader-hg; 
}

.preloader-hidden {
  display: none; 
}

// ngAnimate behavior
.preloader-hidden-add {
  opacity: 1;
  display: block; 
  .preloader-progress {
    @include transition-transform(.4s ease);
    @include scale(0); 
  }
}
.preloader-hidden-add-active {
  opacity: 0; 
}

